@extends("/main_template",menu="mine",noMenu=true)
@section(header){
<div class="mui-row">
    <a class="mui-icon mui-icon-bars mui-pull-left" href="#jsOffCanvasSide"></a>
    <h1 class="mui-title">订单详情</h1>
</div>
}
<div class="mui-content">
	<div id="mine-item-cart" class="mui-control-content mui-active">
	<script id="jsTemplateOrderInfo" target="#jsOrderInfo" url="@url("/order/getOrderInfo.json")" type="text/html">
        <div class="mui-table-view-cell mui-media cart-summary">
			<div>订单编号：{{data.orderId}}</div>
			<div>订单时间：{{data.createdTime | date_format:'YYYY-MM-dd HH:mm:ss'}}</div>
            <div>订单状态：{{data.statusName}}</div>
        </div>
		{{each data.items item}}
		<div class="mui-table-view-cell">
			<div class="mui-slider-handle">
				<a class="mui-pull-left" href="@url("/p/{{item.productId}}.html")">
					<img src="{{item.mainImg}}">
				</a>
				<div class="mui-media-body product-list-info">
					名称：{{item.productName}}<br />
					价格：{{item.price}}元<br />
					数量：{{item.amount}}
				</div>
			</div>
		</div>
		{{/each}}
		<div class="mui-table-view-cell mui-media cart-summary">
			<h4>合计：<span>{{data.itemCount}}</span>件，共<span>{{data.totalAmount}}</span>元</h4>
		</div>
	</script>
		<div id="jsOrderInfo" class="mui-table-view product-list">
		</div>
	</div>
</div>
@section(menu){
<nav class="product-menu mui-bar mui-bar-tab mui-row">
	<button class="mui-col-xs-4 mui-action-back mui-btn mui-btn-primary"><span class="mui-icon-extra mui-icon-extra-arrowleftcricle"></span>返回</button>
	<button id="jsAddToCart" class="mui-col-xs-8 mui-btn mui-btn-success"><span class="mui-icon-extra mui-icon-extra-prech"></span>立即支付</button>
</nav>
}
@section(script){
    <script type="text/javascript" src="@url("/static/js/app.orderInfo.js")"></script>
}